<template>
	<view class="page">
		<!-- 自定义头部 -->
		<view class="status_bar" v-if="isHeader" />
		<slot />
	</view>
</template>

<script setup>
	const porps = defineProps({
		// 是否自定义header
		isHeader: {
			type: Boolean,
			default: true
		}
	})
</script>

<style lang="scss">
	.page {
		background: $uni-bg-color;
		height: 100%;
		font-size: $uni-font-size-base;
		box-sizing: border-box;
	}

	.status_bar {
		height: var(--status-bar-height);
		width: 100%;
		background-color: $uni-bg-nav-bar;
	}
</style>